<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>百姓美女</title>
    <meta name="description" content="defaults">
    <meta name="keywords" content="jquery, pagination, javascript, plugin"/>

    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="__CSS__/style.css">
    <link rel="stylesheet" href="__CSS__/jPages.css">
    <link rel="stylesheet" href="__CSS__/animate.css">
    <link rel="stylesheet" href="__CSS__/github.css">
    <link href="__CSS__/style-image.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__JS__/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="__JS__/highlight.pack.js"></script>
    <script type="text/javascript" src="__JS__/tabifier.js"></script>
    <script src="__JS__/js.js"></script>
    <script src="__JS__/jPages.js"></script>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-28718218-1']);
        _gaq.push(['_trackPageview']);
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
    <script>
        /* when document is ready */
        $(function() {
            /* initiate plugin */
            $("div.holder").jPages({
                containerID: "itemContainer"
            });
        });
    </script>

</head>
<body>

<div class="topbg">
    <div class="topbox">
        <div class="nav">
            <div class="nav01">
                <a href="{:url('index/index')}">首页</a>
            </div>
            {foreach name="nav" item="v"}
            <div class="nav01">
                <a href = "{:url('index/nav',array('cid'=>$v['id']))}">{$v.name}</a>
            </div>
            {/foreach}
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>
<div id="container" class="clearfix">


    <div id="sidebar">



        <ul id="menu">


            <li style="font-size: 21px;padding-bottom: 1em;padding-top:190px;font-family: 微软雅黑">美文美图</li>

            <li><a href="{:url('index/index/index')}">关于我们</a></li>
        </ul>



    </div>

    <!--! end of #sidebar -->
    <div id="content" class="defaults">
        {foreach name="results" item="result"}
        <h2>{$result.title}</h2>
        <h3>{$result.introduction}</h3>
        {/foreach}

        <!-- navigation holder -->
        <div class="holder">
        </div>
        <!-- item container -->
        <ul id="itemContainer">


            {foreach name="photos" item="photo"}

            <li>
                <img style="width:100%;height:auto;" src="{$photo}" alt="image">
            </li>

            {/foreach}

        </ul>
        <!-- navigation holder -->
        <div class="holder">
        </div>
    </div>
    <!--! end of #content -->
</div>

<!--! end of #container -->

<!--ads-->
{foreach name="leftadv" item="la"}
<div class="ads-03">
    <img class="clo-03" src="__STATIC__/images/02_03.png" alt="">
    <a href="{$la['url']}" target="_blank"><img id="ad03" src="{$la['advimage']}" alt=""/></a>
</div>
{/foreach}
<script type="text/javascript">
    $(".clo-03").click(function(){
        $("#ad03").hide(500);
        $("clo-03").hide()


    });
</script>
{foreach name="rightadv" item="ra"}
<div class="ads-04">
    <img class="clo-04" src="__STATIC__/images/02_03.png" alt="">
    <a href="{$ra['url']}" target="_blank"><img id="ad04" src="{$ra['advimage']}" alt=""/></a>

</div>
{/foreach}
<script type="text/javascript">
    $(".clo-04").click(function(){
        $(".ads-04").hide(500);
        $("clo-04").hide()

    });

</script>
<!--end of ads-->

</body>
</html>